﻿.bodyHeader
{
    text-align: center;
    font-size: 30;
    font-weight: bold;
    color: red;
}
.siteNavigation
{
    color: White;
    background-color: gray;
    border-bottom: thick double white;
    border-top: 1px solid white;
}
.contentPanel
{
    background-color: white;
    margin: 20px;
    box-shadow: 10px 10px 5px #888888;
    padding: 10px;
    max-width: 1000px;
}
.imageDiv
{
    float: left;
}
.contentTitle
{
    float: left;
    padding-left: 100px;
}
#content
{
    width: 850px;
    margin: 0px auto;
    background-color: White;
}


ul									{ list-style: none; padding: 2px 4px 2px 4px; }

ul.dropdown                         { position: relative; display: inline-block; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; z-index: 100; padding: 2px 4px 2px 4px; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333; }
ul.dropdown li:last-child a         { border-right: none; }
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }

ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal;
									  border-bottom: 1px solid #ccc; float: none; }
									  
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }